.app-container {
  padding: 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #fff;
  border-radius: 8px;

  .head-contaioner {
    display: flex;
  }

  .body-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;

    // 操作栏样式
    .operate-container {
      // display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 16px 0;

      &_left,
      &_right {
        display: flex;
        align-items: center;
      }
    }

    // table样式
    .table-container {
      margin-bottom: 16px;
      flex: 1;
      overflow: hidden;

      .el-table {
        width: 100%;
        height: 100%;
      }
    }
  }

  .footer-container {
    display: flex;
    justify-content: flex-start;
  }

  .no-data {
    display: flex;
    flex-direction: column;
    align-items: center;

    &-img {
      width: 400px;
    }

    &-desc {
      margin: 10px 0;
      font-weight: 400;
      font-size: 24px;
      color: #848488;
      line-height: 40px;
    }
  }
}

.app-container {
  .avue-crud {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;

    &>.avue-crud__body {
      flex: 1;
      overflow: auto;

      &>.el-card__body {
        display: flex;
        flex-direction: column;
        flex: 1;

        &>.el-form {
          flex: 1;
          overflow: auto;

          &>.el-table {
            height: 100%;
          }
        }
      }
    }
  }
}

// 列表组
.list-group {
  .list-item {
    padding: 9px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;

    &_name {
      font-weight: 400;
      font-size: 14px;
      color: #333;
      line-height: 14px;
      flex: 1;
      overflow: hidden;
    }

    &_date {
      font-weight: 400;
      font-size: 12px;
      color: #666;
      line-height: 12px;
    }

    &:hover {
      background: rgba(247, 132, 49, 0.05);
      border-radius: 4px;

      .list-item_name {
        color: #f78431;
      }
    }
  }
}

// tab样式
.el-tabs {
  &__nav {
    &-wrap:after {
      height: 1px;
      background-color: #dadbe0;
    }

    &-scroll {
      height: 54px;
    }
  }

  &__item {
    height: 54px;
  }
}